<!DOCTYPE html>
<html lang="en">
  <head>
    {% block head %}
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{% block meta_description %}TagPoll - Polls made easy.{% endblock %}" />
    <meta name="keywords" content="{% block meta_keywords %}tag poll vote{% endblock %}" />
    <title>{% block title %}{% endblock %} - TagPoll</title>
    <link rel="stylesheet" href="/themes/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="/themes/blueprint/print.css" type="text/css" media="print" />
    <!--[if IE]><link rel="stylesheet" href="/themes/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
    <link rel="stylesheet" href="/themes/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="/themes/web/base.css" type="text/css" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Permanent+Marker" type="text/css" />
    <link rel="shortcut icon" href="/themes/web/icon.png" type="image/png" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script type="text/javascript" src="/scripts/web.js"></script>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script type="text/javascript">
    {% block script %}{% endblock %}
    </script>
    {% endblock %}
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-585566-19']);
      _gaq.push(['_setDomainName', 'none']);
      _gaq.push(['_setAllowLinker', true]);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    </script>
  </head>
  <body>
    <!--
    <div class="header-bar">
      <div class="header-bar-info header-bar-section">
        <span class="header-bar-brand"><a href="/">TagPoll</a>:</span>
        <form class="search" method="get" action="/polls">
          <input type="text" name="q" size="20" />
          <input type="submit" value="Search" />
        </form>
      </div>
      <div class="header-bar-status header-bar-section">
        <ul>
          {% if account %}
          <li><span class="account-id">{{ account.id|escape }}</span>{# /
              <span class="profile-id">{{ profile.id|escape }}</span>#}</li>
          <li><a href="/a/{{ account.id|escape }}/-/edit">Settings</a></li>
          <li><a href="/a/{{ account.id|escape }}">Account</a></li>
          {% endif %}
          <li><a href="/help">Help</a></li>
          {% if account %}
          <li class="last"><a href="{{ log_out_url }}">Log out</a></li>
          {% else %}
          <li><a href="/a/-/new">Join</a></li>
          <li class="last"><a href="{{ log_in_url }}">Log in</a></li>
          {% endif %}
        </ul>
      </div>
    </div>
    -->
    
    <div class="container">
      <div class="span-24 header">
        <hr class="space"/>
        <h1>TagPoll</h1>
        <h2 class="alt">Informal polling made easy!</h2>
        <hr/>
        <div class="notice">
          <strong>NOTE</strong>: This site was hacked together in a few hours for the <a href="https://sites.google.com/site/lastcallforio2011/app-engine">Google I/O Contest</a>.  Please be gentle!  The concept is cool so improvements will be coming soon!
        </div>
        {% if notice %}
        <div class="notice">
          {{ notice }}
        </div>
        <hr/>
        {% endif %}
        <hr class="space"/>
      </div>
      <div class="span-3 colborder sidebar">
          {% block left_sidebar %}
          <ul>
              <li><a href="/">Home</a></li>
              <li><a href="/polls/-/add"><span class="menu-plus">+</span> Add Poll</a></li>
              <li><a href="/polls">Polls</a></li>
              <li><a href="/tags">Tags</a></li>
              {% if user %}
              <li><a href="{{ logout_url }}">Logout</a></li>
              {% else %}
              <li><a href="{{ login_url }}">Login</a></li>
              {% endif %}
          </ul>
          {% endblock %}
          <hr/>
          <h4>Hot Tags</h4>
          <ul id="hot-tags">
            <li>Coming soon!</li>
            {% for cat in categories %}
            <li><a href="/cat/FIXME">{{ cat.label }}</a></li>
            {% endfor %}
          </ul>
          <hr/>
          <!-- 120px -->
          <!-- <span><a href="/contact">Your Ad Here!</a></span> -->
      </div>
      <div class="span-14 colborder content">
          {% block content %}{{ content }}{% endblock %}
      </div>
      <div class="span-4 last sidebar">
          {% block right_sidebar %}
          <!-- 160px -->
          <h4>Suggested Polls</h4>
          <ul>
            <li>Coming soon!</li>
          </ul>
          <hr/>
          <!-- <span><a href="/contact">Your Ad Here!</a></span> -->
          {% endblock %}
      </div>
      <hr class="space"/>
      <hr/>
      <div class="span-24 footer">
        <div>
          <span><a href="/about">About</a></span> |
          <span><a href="/contact">Contact</a></span>
          <!--
          <span><a href="/legal/">Legal</a></span> |
          <span><a href="/terms/">Terms of Service</a></span> |
          <span><a href="/privacy/">Privacy Policy</a></span> |
          <span><a href="/log/">Blog</a></span>
          -->
          <br/>
          <span>Copyright &copy; 2011 <a href="http://dil.lehn.org/">David I. Lehn</a></span>
        </div>
      </div>
    </div>
  </body>
</html>
